<section  class="content" style="padding: 0;position: relative;">
    <div class="float-dialog" id="hander-infos" style="">
        <div class="lng">经度:<span></span></div>
        <div class="lat">纬度:<span></span></div>
        <div class="height" style="display: none;">海拔:<span></span></div>
    </div>
    <ul class="right-float-menu">
        <li class="right-float-menu-li"
            data-toggle="tooltip" data-placement="left" title="飞行要素">
            <div class="airplace" data-event="isFlightElements"></div>
        </li>
    </ul>
    <div class="float-dialog settingspanel" id="elementspanel" style="top: 28px;">
        <label>飞行要素:&nbsp;</label>
            <div class="checkbox">

                <label>
                    <input name="mapStyle" value='255' type="checkbox" > 多边形空域
                </label>
                <label>
                    <input name="mapStyle" value='253' type="checkbox"> 圆形空域
                </label>
                <label>
                    <input name="mapStyle" value='254' type="checkbox"> 航线
                </label>
                <label>
                    <input name="mapStyle" value='0' type="checkbox"> 起降点
                </label>
                <label>
                    <input name="mapStyle" value='1' type="checkbox"> 途经点
                </label>
                <label>
                    <input name="mapStyle" value='2' type="checkbox"> 加油点
                </label>
                <label>
                    <input name="mapStyle" value='3' type="checkbox"> 机场
                </label>
            </div>
    </div>
    <div class="maptype" >
        <div><span>地图</span></div>
        <div><span>卫星</span></div>
    </div>
    <div class="float-dialog" id="tip">
    </div>
    <div id="container"></div>
    <div class="float-dialog" style="display: block;right: 1px;top: 70px;">
        <a class="btn btn-primary" id="searchFlight">选择<br/>回放</a>
    </div>
    <div class="modal fade" id="myModal" role="dialog" aria-labelledby="myModalLabel"
         aria-hidden="true" data-backdrop="false">
        <div class="modal-dialog">

        </div>

    </div>



</section>
<div class="rollback-footer" style=" display: none;">
    <div class="rollback-footer-main">
        <div class="rollback-footer-radios big"><i class="fa fa-play" aria-hidden="true"></i></div>
        <div class="rollback-footer-radios small back" ><i class="fa fa-fast-backward" aria-hidden="true"></i></div>
        <div class="rollback-footer-radios small fast" ><i class="fa fa-fast-forward" aria-hidden="true"></i></div>
        <div class="rollback-footer-radios long">
            <!--<div class="now"></div>
            <div class="start">08:25:38</div>
            <div class="end">16:25:38</div>
            <div class="rollback-footer-long">
                <div class="jindu"></div>
                <div class="begin"></div>
                <div class="button"></div>
                <div class="read"></div>
            </div>-->
            <input id="range_1" type="text" name="range_1" value="">
        </div>
        <div class="rollback-footer-radios info" style="margin-right: 10px;width: 20px;height: 20px;line-height: 20px;margin-top: 20px;"></div>
    </div>
</div>

<div class="ajaxLoading" >
    <div>
        <img src="../../images/loading1.png" >
        <p>正在加载数据...</p>
    </div>
</div>

<script>
    require(["wstrackIndex"],function (map) {
        map.init();
    })
</script>